<!DOCTYPE html>
<html lang="en">

<head>
    <title>THREE.js tutorial - step 3</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>

<body style="color:#fbfbfb">
    <script src="libs/three.min.js"></script>
    <script src="libs/inflate.min.js"></script>
    <script src="libs/FBXLoader.js"></script>
    <script src="libs/OrbitControls.js"></script>
    <script src="libs/Detector.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
    <script>
      window.addEventListener('message', (e) => {
        if(e.data.room != null){
          sessionStorage.setItem("room", e.data.room);
        }
        if (e.data.model != null) {
          sessionStorage.setItem("model", e.data.model);
        }
        if (e.data.color != null) {
          sessionStorage.setItem("color", e.data.color);
        }
        if (e.data.username != null) {
          sessionStorage.setItem("username", e.data.username);
        }

      }, false);
    </script>


</body>

</html>
